// src/APP.vue

<template>
<div id="v-for-example">
  <div>template v-for</div>
  <ul>
    <template v-for="item in items">
      <li>{{ item.message }}</li>
      <li class="divider" role="presentation"></li>
    </template>
  </ul>
</div>
</template>

<script lang="ts">
import {   defineComponent, reactive, computed } from 'vue'

export default defineComponent({
  name:"APP",
  setup() {
    const items = reactive([{ message: 'Foo' , id:0}, { message: 'Bar',id:1 }])
    return {
      items
    }

  }
})
</script>